<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>日历备忘录</title>
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <main>
        <header>
            <div style="float:left;display:flex;">
                <select name="year" id="year" style="margin-left:0;" onchange="switchYear()"></select>
                <select name="month" id="month" onchange="switchMonth()"></select>
                <button id="today" onclick="setToday()">今日</button>
                <section id="btns">
                    <button style="background-color: rgb(133, 199, 221);">月</button>
                    <button disabled="disabled" style="cursor: no-drop;">周</button>
                    <button disabled="disabled" style="cursor: no-drop;">日</button>
                </section>
                <button id="reset" onclick="reset()">初始化</button>
            </div>
            <p style="float:right;margin-top:8px;">
                <span style="color:orangered;">提醒: </span><span>点击后不可拖动可选择多日</span>
                <strong class="cir1"></strong><span>可预约数量</span>
                <strong class="cir2"></strong><span>已预约数量</span>
            </p>
        </header>
        <div id="container"></div>
        <div id="divEL">
            <div class="top">
                <h3>
                    <section id="block"></section>会议预约
                </h3>
                <button id="clear">关闭</button>
            </div>
            <div class="conText">
                <h4>会议日期:<span id="riQi"></span></h4>
                <h4>会议场次: <span id="changCi"></span> </h4>
                <h4>可预约数量: <strong class="cir1"></strong><span id="KYY"></span> </h4>
                <h4>已预约数量: <strong class="cir2"></strong><span id="YYY"></span> </h4>
                <h4>预约信息: &nbsp;&nbsp;&nbsp;&nbsp;<textarea rows="3" cols="16" id="textarea"></textarea></h4>
                <button id="success">预约</button>
                <button id="fail">取消</button>
            </div>
        </div>
    </main>

</body>
<script src="./index.js "></script>
<script type="text/javascript ">
    getYear_Month();
    init(getLastMonthDay(), getNullDay());
</script>

</html>